.loader {
    border: 5px solid $loader-bg;
    border-radius: 50%;
    transform: rotate(122deg);
    animation: rotate 1s linear infinite;

    &_size {
        &_s {
            width: 16px;
            height: 16px;
            margin: 4px;
            border-width: 2px;
        }
        &_m {
            width: 32px;
            height: 32px;
            margin: 8px;
            border-width: 4px;
        }
        &_l {
            width: 40px;
            height: 40px;
            margin: 10px;
            border-width: 5px;
        }
    }
}

@keyframes rotate {
    from {
        transform: rotate(0turn);
    }
    to {
        transform: rotate(1turn);
    }
}
